vue-devtools 使用了很长一段时间了，使用过程中发现 vue-devtools 下的 vuex面板功能很厉害，整个页面的状态可以任意切换到之前的一个时间节点，当时只知道时光穿梭这个概念，没有仔细研究，最近决定入坑研究下。 记的之前 ...

每次在文章前面总想bb叨些废话。从3月入门到如今仰头圆月的8月半，5个半月就决定了我未来几年的职业方向甚至说是未来几年的生活重心，选择和遇见真是个奇妙的事情，就像原本不合时宜的胃疼和恰如其分而来的草莓味奥利奥…… 在学习前端的前两个半月，按 ...

为什么需要Vuex 通常 Vue 项目中的数据通信，我们通过以下三种方式就可以解决，但是随着项目多层嵌套的组件增加，兄弟组件间的状态传递非常繁琐，导致不断的通过事件来变更状态，同步状态多份拷贝，最后代码难以维护。于是尤大大开发了 Vuex ...

定义Vue组件 什么是组件： 组件的出现，就是为了拆分Vue实例的代码量的，能够让我们以不同的组件，来划分不同的功能模块，将来我们需要什么样的功能，就可以去调用对应的组件即可； 组件化和模块化的不同： 模块化： 是从代码逻辑的角度进行划分的 ...

​ ​ 作者 |  Jeskson掘金 |  https://juejin.im/user/5a16e1f3f265da43128096cb2020.1.11背景介绍vue router是vue.js官方的路由管理器，它和vue.js的核心 ...

背景：后管系统配置一个产品后，前端(vue.js框架)取到这些产品信息并展示出来，产品经理要求在文本内容中添加链接。 例如： 本保险不承保前往处于战争状态或已被宣布为紧急状态的国家或地区，最新信息以登陆<a href="javascript ...

@vue/cli 脚手架 简介 脚手架 是一个工具 脚手架 帮助我们 创建一个基本的项目结构 1. @vue/cli 脚手架 的 安装 【只需要安装一次】 npm i -g @vue/cli 2. 使用 脚手 ...

昨天看了一道面试题，说如何管理 CSS 代码；它谈到了君子协定BEM 规范（然后楼主就说自己马上就拿到 offer 了?）。但是，BEM 规范说实在已经不够接地气了，现代 CSS 开发的基调是模块化。这期就借此谈谈在 vue 项目中管理 C ...

前端开发中，对要提交的表单数据进行校验是很常见的需求，有开源的基于框架的数据校验库，也有组件库内置的校验功能，这里介绍的是一种脱离框架、组件的独立数据校验思路。 我们团队的 Vue 项目比较多，先看下这一块的数据校验方案： vuelidat ...

之所以要做这个是因为，在一个组件内部需要引入一个js文件来定位。如果放在index.html，这样每个组件都会有这个js。所以需要在组件内单独引入。 第一种操作 Dom引入js： export default { mounted() { ...